<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>冰天美帝</title>
    <!-- 引入初始化样式 -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <!-- 引入首页特有样式 -->
    <link rel="stylesheet" href="css/index.css">
    <!-- 引入字体图标 -->
    <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <!-- 导航栏部分 -->
    <header class="header">
        <div class="w">
            <div class="logo">
                <a href="index.html"><img src="img/logo.png" alt=""></a>
            </div>
            <div class="nav">
                <ul>
                    <li><a href="index.html">首页</a></li>
                    <li><a href="#">新品速递</a></li>
                    <li><a href="#">热卖推荐</a></li>
                    <li>
                        <a href="#">商品分类</a>
                        <ul>
                            <li><a href="#">哈根达斯</a></li>
                            <li><a href="chocolate-ice.html">M&M'S</a></li>
                            <li><a href="shtawberry-ice.html">本·杰瑞</a></li>
                            <li><a href="#">德芙</a></li>
                        </ul>
                    </li>
                    <li><a href="chocolate-ice.html">品牌故事</a></li>
                    <li><a href="login.html">会员活动</a></li>
                </ul>
            </div>
            <div class="search">
                <input type="text" name="" id="" placeholder='哈根达斯'>
                <i class="icon-search icon-large"></i>
                <div class="cart">
                    <a href="shopping-cart.html">
                        <i class="icon-shopping-cart icon-2x"></i>
                        <span>购物车</span>
                    </a>
                </div>
            </div>
        </div>
    </header>
    <!-- 主体部分 -->
    <div class="main">
        <div class="w">
            <div class="img">
                <a href="#">
                    <img src="img/banner.png" alt="" title="这是冰天美帝">
                </a>
            </div>
            <div class="commodity">
                <ul>
                    <li>
                        <a href="chocolate-ice.html">
                            <img src="img/mm.png" alt="M&M'S巧克力冰淇淋" title="M&M'S巧克力冰淇淋"></a>
                        <p>M&M'S巧克力冰淇淋</p>
                        <span>￥68 /268g</span>
                        <a href="shopping-cart.html">加入购物车</a>
                    </li>
                    <li>
                        <a href="shtawberry-ice.html">
                            <img src="img/bjr.png" alt="本·杰瑞草莓冰淇淋" title="本·杰瑞草莓冰淇淋">
                            <p>本·杰瑞草莓冰淇淋</p>
                            <span>￥74 /720g</span>
                            <a href="shopping-cart.html">加入购物车</a>
                        </a>
                    </li>
                    <li>

                        <a href="chocolate-ice.html">
                            <img src="img/mm.png" alt="M&M'S巧克力冰淇淋" title="M&M'S巧克力冰淇淋">
                            <p>M&M'S巧克力冰淇淋</p>
                            <span>￥68 /268g</span>
                            <a href="shopping-cart.html">加入购物车</a>
                        </a>
                    </li>
                    <li>
                        <a href="shtawberry-ice.html">
                            <img src="img/bjr.png" alt="本·杰瑞草莓冰淇淋" title="本·杰瑞草莓冰淇淋">
                            <p>本·杰瑞草莓冰淇淋</p>
                            <span>￥74 /720g</span>
                            <a href="shopping-cart.html">加入购物车</a>
                        </a>
                    </li>
                    <li>
                        <a href="chocolate-ice.html">
                            <img src="img/mm.png" alt="M&M'S巧克力冰淇淋" title="M&M'S巧克力冰淇淋">
                            <p>M&M'S巧克力冰淇淋</p>
                            <span>￥68 /268g</span>
                            <a href="shopping-cart.html">加入购物车</a>
                        </a>
                    </li>
                    <li>
                        <a href="shtawberry.html">
                            <img src="img/bjr.png" alt="本·杰瑞草莓冰淇淋" title="本·杰瑞草莓冰淇淋">
                            <p>本·杰瑞草莓冰淇淋</p>
                            <span>￥74 /720g</span>
                            <a href="shopping-cart.html">加入购物车</a>
                        </a>
                    </li>
                    <li>
                        <a href="chocolate-ice.html">
                            <img src="img/mm.png" alt="M&M'S巧克力冰淇淋" title="M&M'S巧克力冰淇淋">
                            <p>M&M'S巧克力冰淇淋</p>
                            <span>￥68 /268g</span>
                            <a href="shopping-cart.html">加入购物车</a>
                        </a>
                    </li>
                    <li>
                        <a href="shtawberry.html">
                            <img src="img/bjr.png" alt=" 本·杰瑞草莓冰淇淋" title="本·杰瑞草莓冰淇淋">
                            <p>本·杰瑞草莓冰淇淋</p>
                            <span>￥74 /720g</span>
                            <a href="shopping-cart.html">加入购物车</a>
                        </a>
                    </li>
                    <li>
                        <a href="chocolate-ice.html"></a>
                        <img src=" img/mm.png" alt="M&M'S巧克力冰淇淋" title="M&M'S巧克力冰淇淋">
                        <p>M&M'S巧克力冰淇淋</p>
                        <span>￥68 /268g</span>
                        <a href="shopping-cart.html">加入购物车</a>
                    </li>
                </ul>
                <br>
            </div>
            <section>
                <div class="move">
                    <a href="#">
                        <img src="img/ickbuy-more.png" alt="" title="更多">
                        <span>更多精选商品&gt;&gt;></span>
                    </a>
                </div>
                <div class="ickbuy">
                    <a href="#">
                        <img src="img/ickbuy-ad.png" alt="" title="顺丰速递">
                        <span>顺丰快递到家</span>
                    </a>
                </div>
                <div class="news">
                    <div class="tilte">
                        <h3>冰天美帝新闻</h3>
                        <a href="#">更多</a>
                    </div>
                    <p class="a"></p><a href="#">奇人~伊拉克国家居然这样用冰淇淋!</a></p>
                    <p class="a"></p><a href="#">冰淇淋有助怀孕</a></p>
                    <p class="a"></p><a href="#">英国鼓励市民吃冰淇淋</a></p>
                    <p class="a"></p><a href="#">吃冰淇淋刺激大脑快乐区</a></p>
                    <p class="a"></p><a href="#">奇人~伊拉克国家居然这样用冰淇淋!</a></p>
                    <p class="a"></p><a href="#">冰淇淋有助怀孕</a></p>
                    <p class="a"></p><a href="#">英国鼓励市民吃冰淇淋</a></p>
                    <p class="a"></p><a href="#">吃冰淇淋刺激大脑快乐区</a></p>
                </div>

            </section>
        </div>
    </div>
    <!-- 底部部分 -->
    <footer class="footer">
        <div class="w">
            <p>COPYRIGHT &reg;冰天美帝</p>
            <a href="#">沪 ICP 备13018738 号 </a> <span>-1 食品流通许可证 sp3101151210050229</span>
        </div>
    </footer>
</body>

</html>